<template>
  <div class="session-storage">
    <a-button type="primary" @click="openWindow">打开新窗口</a-button>
    <br>
    <a href="/#/btns/btn1" target="_blank">打开新窗口</a>
    <br>
    <a-button type="primary" @click="clickCopy">复制路径</a-button>
  </div>
</template>
<script setup lang="ts">
sessionStorage.setItem('test-key', 'test-value')
const openWindow = () => {
  window.open('/#/btns/btn1')
}
const clickCopy = () => {
  navigator.clipboard.writeText('http://127.0.0.1:5173/#/btns/btn1')
}
/**
 * 使用 window.open 打开的新页面 可以同步 sessionStorage 但是使用 a 标签跳转或者复制地址后，新页面的 sessionStorage 就丢失了
 */
</script>
<style lang="scss" scoped>
.session-storage {
}
</style>
